<template>
    <div>
      <search-refund-success></search-refund-success>
      <div class="mt20">
        <el-table
          v-loading="loading"
          element-loading-text="拼命加载中"
          :data="tableData"
          border
          size="mini"
          width="1500"
        >
          <el-table-column
            prop=""
            label="申请号"
          >
          </el-table-column>
          <el-table-column
            prop=""
            label="用户昵称"
          >
          </el-table-column>
          <el-table-column
            prop=""
            label="申请人姓名">
          </el-table-column>
          <el-table-column
            prop=""
            label="申请人手机">
          </el-table-column>
          <el-table-column
            prop=""
            label="支付宝账户">
          </el-table-column>
          <el-table-column
            prop=""
            label="申请时间">
          </el-table-column>
          <el-table-column
            prop=""
            width="150"
            label="兑换珍珠">
          </el-table-column>
          <el-table-column
            prop=""
            label="兑换金额">
          </el-table-column>
          <el-table-column
            prop=""
            width="150"
            label="拒绝时间">
          </el-table-column>
          <el-table-column
            prop=""
            width="150"
            label="拒绝原因">
          </el-table-column>
        </el-table>
      </div>
      <div class="block mt10 tc mb10">
        <el-pagination
          background
          @current-change="handleCurrentPage"
          :current-page.sync="page"
          :page-size="pageSize"
          layout="total, prev, pager, next"
          :total="total">
        </el-pagination>
        <br>
      </div>
    </div>
</template>

<script>
  import service from '@/service';
  import searchRefundSuccess from './refundSuccessSearch';
    export default {
        data() {
            return {
              tableData:[],
              total:0,
              page:1,
              loading:true,
              pageSize:20,
            };
        },
        mounted() {
          this.getTableDataItem();
        },
        methods: {
          async  getTableDataItem(){  //待审核
            let result =await service.haiBeiServerTradeList();
            if(result.success){
              this.tableData=result.data;
              this.loading=false;
              this.total=result.total;
            }
          },
          handleCurrentPage(val){ //退款成功切换分页
            this.getTableDataItem(val);
          },
        },
        components:{
          searchRefundSuccess
        }
    };
</script>
<style scoped></style>
